<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Welcome to chat sample</title>
<script src="code.js"></script>
</head>
<body onload="handleLoad()">
<h1>Dart chat sample (native JavaScript client)</h1>
<div id="statusSection">
<p id="statusText">Status...</p>
</div>
<div id="joinSection">
<label>Handle:</label>
<input id="handleInput" type="text" value=""/>
<button id="joinButton" onclick="handleJoin()">Join</button>
</div>
<div id="chatSection">
<label>Message:</label>
<input id="messageInput" type="text" value=""/>
<button id="postButton" onclick="handlePostMessage()">Post</button>
<button id="leaveButton" onclick="handleLeave()">Leave</button>
<div id="messages">
<p>Messages...</p>
</div>
</div>
</div>
</body>
</html>
